<template>
  <div :class="['case',{ 'empty': !caseList.length && loadStatus === 'nomore' }]">
    <FilterBar @submit="submitSearch" />
    <FloatLayer />
    <u-empty
      v-if="!caseList.length && loadStatus === 'nomore'"
      class="empty"
      text="暂无精选案例"
      icon-size="400"
      src="https://img-cdn.rsm-lab.com/mlab/mlab-wxapp/image/empty/normal.png"
    />
    <div v-else>
      <ProCard v-for="(info,index) in caseList" :key="index" :info="info" @click="jumpDetail(info.id)" />
      <u-loadmore
        :status="loadStatus"
        :load-text="loadText"
      />
    </div>
  </div>
</template>

<script lang="ts">

</script>

<style lang="scss">
.case {
  min-height: 100vh;
  background: #f7f7f7;
  padding-top: 50px;
  &.empty {
    padding-top: 23vh;
  }
}
</style>
